@charset "utf-8";
/* CSS Document */
body,p,input,h1,h2,h3,h4,ul,li,dl,dt,dd,form {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}
body{
	background:#f6f6f6;
    font-family:"Microsoft YaHei",Arial;
    font-size: 14px;
	color:#666;
	line-height:24px;
}
header,nav,section,aside,footer {
	min-width:1200px ;
    display: block;
    margin: 0;
    padding: 0;
}
header,footer{
	width:100%;
	}
header{
	height:81px;
	background:#005faf;
	}
footer{
	background:#013868;
	}
	/*///////////////////////////////////////////////////////////////////////////**/
img{
    border: 0;
}
a:link{
    font-size:14px; 
    color: #666;
    text-decoration: none;
}
a:visited{
    font-size: 14px; 
    color: #666;
    text-decoration: none;
}
a:hover{
    font-size: 14px; 
    color: #333;
    text-decoration: underline;
}
a:active{
    font-size: 14px; 
    color: #666;
    text-decoration: none;
}
.web_wrapper{
    width: 980px;
    clear: both;
    margin: 0 auto;
}
.pad_l20{ padding-left:20px;}
.pad_l8r22{ padding:0 22px 0 8px;}
.pad_l10{ padding-left:10px;}
.pad_l41{ padding-left:41px;}
.pad_l16{ padding-left:16px;}

/*----header----*/

.web_top_wrapper{
	width:1200px;
	margin:0 auto;
	}
.web_top_wrapper .top_logo{
	float:left;
	width:225px;
	height:81px;
	}
.web_top_wrapper ul{
	float:left;
	width:712px;
	padding:18px 30px 0;
	height:40px;
	}
.web_top_wrapper ul li{
	float:left;
	font-size: 18px;
	height:40px;
	padding:10px 21px 0;
	position:relative;
	cursor:pointer;
	z-index:10;
	}
.li_hover{
	background:#1d88e1;
	border-radius:8px 8px 0 0;
	}
.web_top_wrapper ul li a:link{
	display:block;
    font-size: 18px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper ul li a:visited{
	display:block;
    font-size: 18px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper ul li a:hover{
	display:block;
    font-size:18px; 
    color: #fff;
	
    text-decoration: none;
}
.web_top_wrapper ul li a:active{
	display:block;
    font-size: 18px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper ul li p{
	display:none;
	position:absolute;
	left:-0px;
	top:45px;
	width:131px;
	padding:0 0 8px;
	border:1px solid #abd8fe;
	border-top:0;
	background:#e8f5ff;
	line-height:34px;
	border-radius:0 0 8px 8px;
	text-align:center;
	clear:both;
	}
.web_top_wrapper ul li p a:link{
	display:block;
	width:111px;
	padding:0 10px; 
    font-size:16px;
    color: #333;
    text-decoration: none;
}
.web_top_wrapper ul li p a:visited{
	display:block;
	width:111px;
	padding:0 10px;
    font-size:16px; 
    color: #333;
    text-decoration: none;
}
.web_top_wrapper ul li p a:hover{
	display:block;
	background:#fff;
	width:111px;
	padding:0 12px 0 8px;
    font-size:16px; 
    color: #005faf;
    text-decoration: none;
}
.web_top_wrapper ul li p a:active{
	display:block;
	width:111px;
	padding:0 10px;
    font-size:16px; 
    color: #333;
    text-decoration: none;
}	
.i_arr{
    padding-left:19px;
	 background:url(../images/arr.png) 10px 10px no-repeat;
	}
.i_arr_hover{
	padding-left:19px;
	background:url(../images/arr.png) 10px 10px no-repeat;
	}	
	
.web_top_wrapper .top_reg_login{
	float:left;
	width:193px;
	height:24px;
	margin-top:27px;
	background:url(../images/bg_reg_login_top.png)  0 7px no-repeat;
	}	
.web_top_wrapper .top_reg_login i{
	float:left;
	font-style:normal;
	}
.web_top_wrapper .top_reg_login i a:link{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper .top_reg_login i a:visited{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper .top_reg_login i a:hover{
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
}
.web_top_wrapper .top_reg_login i a:active{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}	
.login_hover{
	width:98px;
	background:#1d88e1 url(../images/arr.png) 112px 14px no-repeat;
	overflow:hidden;
	border-radius:5px 5px 0 0;
	
	}
/*---------------------------------*/
.web_top_wrapper .top_login_after{
	position:relative;
	float:left;
	width:203px;
	height:30px;
	line-height:30px;
	margin-top:21px;
	color:#d6deeb;
	}
.web_top_wrapper .top_login_after .layer_login_after{
	position:absolute;
	left:0;
	top:30px;
	padding-bottom:6px;
	width:126px;
	border:1px solid #abd8fe;
	border-top:none;
	background:#e8f5ff;
	border-radius:0 0 5px 5px ;
	}
.top_login_after .layer_login_after a:link{
	display:block;
	width:106px;
	padding:0 10px; 
    font-size:14px;
    color: #333;
    text-decoration: none;
}
.top_login_after .layer_login_after a:visited{
	display:block;
	width:106px;
	padding:0 10px;
    font-size:14px; 
    color: #333;
    text-decoration: none;
}
.top_login_after .layer_login_after a:hover{
	display:block;
	background:#fff;
	width:106px;
	padding:0 12px 0 8px;
    font-size:14px; 
    color: #005faf;
    text-decoration: none;
}
.top_login_after .layer_login_after a:active{
	display:block;
	width:106px;
	padding:0 10px;
    font-size:14px; 
    color: #333;
    text-decoration: none;
}
.web_top_wrapper .top_login_after span{
	float:left;
	padding:0 10px;
	}	
.web_top_wrapper .top_login_after i{
	float:left;
	font-style:normal;
	}
.web_top_wrapper .top_login_after i a:link{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper .top_login_after i a:visited{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}
.web_top_wrapper .top_login_after i a:hover{
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
}
.web_top_wrapper .top_login_after i a:active{
    font-size: 14px; 
    color: #d6deeb;
    text-decoration: none;
}



	
/*------- localtion ---------*/	
.web_localtion{
	border-bottom:1px solid #ddd;
	margin:0 auto;
	width:1200px;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#999;
	clear:both;
	}	
.web_localtion span{
	color:#005faf;
	}
.web_localtion a:link{
    font-size: 14px; 
    color: #999;
    text-decoration: none;
}
.web_localtion a:visited{
    font-size: 14px; 
    color: #999;
    text-decoration: none;
}
.web_localtion a:hover{
    font-size: 14px; 
    color: #005faf;
    text-decoration: none;
}
.web_localtion a:active{
    font-size: 14px; 
    color: #999;
    text-decoration: none;
}

/*------- bottom menu ---------*/
.web_bottom{
	width:100%;
	padding:30px 0;
	background:#eee;
	clear:both;
	}
.web_bottom_inner{
	margin:0 auto;
	width:1200px;
	clear:both;
	}
.web_bottom_inner_left{
	float:left;
	width:834px;
	}
.web_bottom_inner_left dl{
	float:left;
	padding-right:70px;
	}
.web_bottom_inner_left dl dt{
	font-size:18px;
	color:#333;
	padding-right:19px;
	background:url(../images/arr_b_menu.png) right 10px no-repeat;
	}
.web_bottom_inner_left dl dd{
	line-height:22px;
	padding-top:11px;
	}
.web_bottom_inner_left dl dd a{
	display:block;
	clear:both;
	}
.web_bottom_inner_left dl dd a:link{
    font-size: 14px; 
    color: #666;
    text-decoration: none;
}
.web_bottom_inner_left dl dd a:visited{
    font-size: 14px; 
    color: #666;
    text-decoration: none;
}
.web_bottom_inner_left dl dd a:hover{
    font-size: 14px; 
    color: #005faf;
    text-decoration: underline;
}
.web_bottom_inner_left dl dd a:active{
    font-size: 14px; 
    color: #666;
    text-decoration: none;
}	
	
.web_bottom_inner_right{
	float:left;
	width:366px;
	}
.web_bottom_inner_right p{
	float:left;
	width:366px;
	clear:both;
	}
.bg_visit{
	display:block;
	height:28px;
	line-height:28px;
	font:18px/28px "Microsoft YaHei",Arial;
	color:#333;
	padding-left:10px;
	}
.web_bottom_inner_right p i{
	float:right;
	width:140px;
	font-size:16px;
	font-style:normal;
	text-align:center;
	color:#333;
	}
.web_bottom_inner_right p img{
	float:left;
	display:block;
	padding:20px 0 0 14px;
	}

/*------- footer ---------*/		
.web_footer{
	margin:0 auto;
	width:1200px;
	font-size:14px;
	color:#eee;
	line-height:26px;
	text-align:center;
	padding:22px 0 24px;
	clear:both;
	}
.web_footer span{
	padding:0 15px;
	}	
.web_footer a:link{
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
}
.web_footer a:visited{
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
}
.web_footer a:hover{
    font-size: 14px; 
    color: #fff;
    text-decoration: underline;
}
.web_footer a:active{
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
}

/*/////////////asider////////////////*/
.web_sider{
	display:;
	position:fixed;
	left:50%;
	top:500px;
	margin-left:616px;
	width:50px;
	height:203px;
	overflow:hidden;
	clear:both;
	}
.web_sider ul{
	float:left;
	clear:both;
	}
.web_sider ul li{
	position:relative;
	margin-bottom:1px;
	float:left;
	width:50px;
	height:50px;
	clear:both;
	}
.web_sider ul li a{
	display:block;
	float:left;
	width:50px;
	height:50px;
	clear:both;
	}
.sider_off{
	background:#88c5f3;
	}
.sider_on{
	background:#68b3ec;
	}	
.icon_qq{
	background:url(../images/icon_sider.png) 0 -1px no-repeat;
	}
.icon_message{
	background:url(../images/icon_sider.png) 0 -51px no-repeat;
	}
.icon_erweima{
	background:url(../images/icon_sider.png) 0 -101px no-repeat;
	}
.icon_top{
	background:url(../images/icon_sider.png) 0 -154px no-repeat;
	}
.bg_web{
	background:#f6f6f6 url(../images/bg_web.png) 0 1146px no-repeat;
	}
	
.layer_sider{
	display:none;
	position:absolute;
	top:0;
	left:-189px;
	width:189px;
	height:auto;
	z-index:15;
	}	
		
.layer_qq{
	height:85px;
	}
.layer_tougao{
	height:85px;
	}
.layer_erweima{
	height:170px;
	}